@import url("../../less/index.less");

.detail{
    position: relative;
    display: flex;
    height: 100vh;
    .mengban{
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        // position: relative;
        &>div{
            width: 100%;
            height: 7rem;
            background-color: #fff;
            position: absolute;
            bottom: -1rem;
            &>span{
                position: absolute;
                right: 0.1rem;
            }
            &>button{
                width: 3rem;
                height: 1rem;
                color: red;
                font-size: 0.5rem;
                position: absolute;
                right: 0;
                bottom: 0;
            }
        }
        button{
            width: 1rem;
            height: 0.5rem;
        }
    }
    .con {
        margin-top: 0.8rem;
        display: flex;
        width: 100vw;
        height: 100vh;
        flex-direction: column;
        justify-content: space-between;
        font-size: 0.2rem;
    
        div{
            &>img {
                width: 100%;
                height: 5.5rem;
            }
        }
    
        .button {
            display: flex;
            justify-content: flex-end;
    
            button {
                width: 3rem;
                height: 1rem;
            }
        }
    }
}